<!doctype html>
<html>
<head lang="en">
	<title>首页</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta charset="utf-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
	<!--引入CSS文件-->
	<link rel="stylesheet" type="text/css" href="src/assets/css/styles/style.css" />
	<link rel="stylesheet" type="text/css" href="src/assets/css/styles/components-css/list.css" />
	<link rel="stylesheet" type="text/css" href="src/assets/css/styles/components-css/table.css" />
	<link rel="stylesheet" type="text/css" href="src/assets/css/styles/components-css/tabs.css" />
	<link rel="stylesheet" type="text/css" href="src/assets/css/styles/components-css/paging.css" />
	<link rel="stylesheet" type="text/css" href="src/assets/css/styles/components-css/btn.css" />
	<link rel="stylesheet" type="text/css" href="src/assets/css/styles/components-css/taqs.css" />
	<link rel="stylesheet" type="text/css" href="src/assets/css/styles/components-css/step.css" />
	<link rel="stylesheet" type="text/css" href="src/assets/css/styles/components-css/form.css"  />
	<link rel="stylesheet" type="text/css" href="src/assets/lib/bootstrap-3.3.5-dist/css/bootstrapModel.css" />
	<link rel="stylesheet" type="text/css" href="src/assets/css/styles/components-css/panel.css"  />
	<style>
        /* tab panel 不显示Echarts  图表问题   */
        .tab-content > .tab-pane,
        .pill-content > .pill-pane {
            display: block;
            height: 0;
            overflow-y: hidden;
        }
        .tab-content > .active,
        .pill-content > .active {
            height: auto;
        }
    </style>
</head>
<body>
<!--头部文件 开始-->
<div id="header"></div>
<!--头部文件 结束-->

<!--主要内容 开始-->
<div class="wrapper">
	<!--左侧菜单 开始-->
	<div id="left-menu"></div>
	<!--左侧菜单 结束-->
	<!--右侧内容 开始-->
	<div class="right-container">
		<div class="right-scroll">
            <div class="t-list">
                <div class="t-list-title">
                    <h2>主页</h2>
                </div>
                <div class="t-tabs">
	                <ul id="myTabs" class="t-tabs-items">
	                    <li class="active"><a href="#tab1" data-toggle="tab" class="isSelect" id="tabBtn1">园区运营状况</a></li>
	                    <li><a href="#tab2" class="isSelect" data-toggle="tab" id="tabBtn0">概况</a></li>
	                </ul>
	                <div id="myTabContent" class="tab-content">
	                    <div class="tab-pane fade in active" id="tab1">
							<div class="t-list-3">
								<ul class="clearfix">
									<li lang="two">
										<div class="box-padding">
											<div class="t-box">
												<div class="t-box-title">
													宿舍运营状况
													<a class="t-box-btn" href="/cwp/src/static/apartmentManagement/journalEchart.html?menuId=0.1">更多 >></a>
												</div>
												<div class="t-box-body" id="dormitoryEcharts">
												</div>
											</div>
										</div>
									</li>
									<li lang="two">
										<div class="box-padding">
											<div class="t-box">
												<div class="t-box-title">
													设备运营状况
													<!-- <a class="t-box-btn" href="">更多 >></a> -->
												</div>
												<div class="t-box-body" id="entranceEcharts">
												</div>
											</div>
										</div>
									</li>
									<li lang="two">
										<div class="box-padding">
											<div class="t-box">
												<div class="t-box-title">
													消费运营状况
													<!-- <a class="t-box-btn" href="">更多 >></a> -->
												</div>
												<div class="t-box-body" id="consumptionEcharts">
												</div>
											</div>
										</div>
									</li>
									<li lang="two">
										<div class="box-padding">
											<div class="t-box">
												<div class="t-box-title">
													楼宇运营状况
													<!-- <a class="t-box-btn" href="">更多 >></a> -->
												</div>
												<div class="t-box-body" id="buildingEcharts">
												</div>
											</div>
										</div>
									</li>
								</ul>  
							</div>    
	                    </div>
	                    <div class="tab-pane fade" id="tab2">
							<div class="t-list-3">
								<ul class="clearfix">
									<li lang="two">
										<div class="box-padding">
											<div class="t-box">
												<div class="t-box-title">
													当月故障告警
													<a class="t-box-btn" href="/cwp/src/static/monitorDevices/alarmManagement/faultAlarm.html?menuId=0.2">更多 >></a>
												</div>
												<div class="t-box-body" id="faultEcharts">
													<!--故障告警图表-->
												</div>
											</div>
										</div>
									</li>
									<li lang="two">
										<div class="box-padding">
											<div class="t-box">
												<div class="t-box-title">
													当月安防告警
													<a class="t-box-btn" href="/cwp/src/static/emergencyScheduling/eventManagement/eventManagement.html?menuId=0.3">更多 >></a>
												</div>
												<div class="t-box-body" id="securityEcharts">
													<!--安防告警图表-->
												</div>
											</div>
										</div>
									</li>
									<li lang="two">
										<div class="box-padding">
											<div class="t-box">
												<div class="t-box-title">
													当月维修工单
													<a class="t-box-btn" href="/cwp/src/static/workOrderApproval/maintenanceOrder.html?menuId=0.4">更多 >></a>
												</div>
												<div class="t-box-body" id="orderEcharts">
													<!--维修工单告警图表-->
												</div>
											</div>
										</div>
									</li>
									<li lang="two">
										<div class="box-padding">
											<div class="t-box">
												<div class="t-box-title">
													当月能耗报表
													<a class="t-box-btn" href="/cwp/src/static/energyManagement/energyManagement.html?menuId=1.1">更多 >></a>
												</div>
												<div class="t-box-body" id="line-chart">
													<!--能耗报表-->
												</div>
											</div>
										</div>
									</li>
								</ul>
							</div>
	                    </div>
	                </div>
                </div>
            </div>
		</div>
	</div>
</div>
<!--主要内容 结束-->
<!--版权 开始-->
<div id="copyright"></div>
<!--版权 结束-->


<!--jquery脚本库文件-->
<!--非IE8浏览器-->
<!--[if !(IE 8)]><!--> <script type="text/javascript" src="src/assets/lib/jquery/jquery.min.js"></script> <!--<![endif]-->
<!--IE8浏览器-->
<!--[if IE 8]><script type="text/javascript" src="src/assets/lib/jquery/jquery-ie8.min.js"></script><![endif]-->
<!--滚动条-->
<script type="text/javascript" src="src/assets/lib/jQuery-slimScroll-1.3.8/jquery.slimscroll.min.js"></script>
<!--加载头部 导航 版权-->
<script src="src/assets/common/loadHeaderAndCopyright.js"></script>
<!-- bootstrap -->
<script src="src/assets/lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
<!--主要内容高度自适应屏幕分辨率-->
<script src="src/assets/common/wrapperHeight.js"></script>
<!--图表-->
<script src="src/assets/lib/chart/dist/echarts-all.js"></script>
<!--数据交互公用脚本-->
<script src="src/assets/common/ajaxPoster.js"></script>
<!--模态框屏幕居中脚本-->
<script src="src/js/index/index.js"></script>
</body>
</html>